* {
    margin: 0;
    padding: 0;
}



.nav {
    width: 100%;
    height:30px ;
    margin-top: 100px;
    float: left;

}
.nav span{
    color: brown;
 
   
}

.container {
    width: 1240px;
    margin: auto;
}

.container ul {
    clear: both;
    overflow: hidden;
}

.container ul li {
    list-style: none;
    float: left;
    position: relative;
    width: 303px;
    height: 375px;
    margin-right: 9px;
    margin-top: 10px;
    background-color: #fff;
}

.container ul li:nth-child(4n) {
    margin-right: 0;
}

.container ul li a {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    text-decoration: none;
}

.container ul li a img {
    height: 190px;
    margin-top: 30px;
}